<!DOCTYPE html>
<html>
<head>
    

    <include file="Common/head"/>

    <style>
        .box-container{
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin-top: 20px;
        }
        .box{
            flex-grow:0;
            flex-shrink:1;
            flex-basis:auto;
            width:300px;
            border: 1px solid #e7e7eb;
            background-color: #fff;
            color: #666;
            margin-bottom: 20px;
        }
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    
    <!-- Panel Other -->
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>微信素材管理</h5>
        </div>
        <div class="ibox-content">
            <div class="row row-lg">
                
                <div class="col-sm-12">
                    <div class="clearfix" style="width:100%;">
                        <div class="bars pull-left"><div class="btn-group hidden-xs" id="exampleTableEventsToolbar" role="group">
                            <button type="button" class="btn btn-outline btn-default" href="">
                                <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
                            </button>
                            <button type="button" class="btn btn-outline btn-default confirm" form="form" action="{:U('Config/delete')}">
                                <i class="glyphicon glyphicon-trash" aria-hidden="true"></i>
                            </button>
                        </div></div>
                        <div class="columns columns-right btn-group pull-right" style="margin-left: 5px;">
                            <button class="btn btn-default btn-outline" type="button" name="refresh" title="刷新" href="__SELF__"><i class="glyphicon glyphicon-repeat"></i></button>
                        </div>
                        <div class="pull-right search">
                            <input class="form-control input-outline" type="text" placeholder="搜索">
                        </div>
                    </div>
                        <div class="box-container">
                            <volist name="list" id="info">
                                <div class="col-sm-4 col-md-3 box" data-media-id="{$info.media_id}">
                                    <div class="box-title">更新于 {$info['content']['news_item'][0]['title']}</div>
                                    <div class="box-content">
                                        <div class="box-subtitle">{$info.content.update_time|date='Y年m月d日',###}</div>
                                        <div class="box-cover" style="    background-size: cover;height: 160px;background-image: url({:U('Proxy/index',['url'=>urlencode($info['content']['news_item'][0]['thumb_url'])])});">
                                        </div>
                                        <div class="box-description">{$info['content']['news_item'][0]['digest']}
                                        </div>
                                    </div>
                                    <div class="box-footer">footer</div>
                                </div>
                            </volist>
                        </div>
    
                    <ul class="pagination">
                        {$page}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Panel Other -->
</div>
<include file="Common/footer"/>
<script src="__JS__/content.min.js?v=1.0.0"></script>
</body>
</html>
